<template>
    <el-container class="container">
    <el-header class="header">

        云医院管理系统xxxx 

    </el-header>
    
    
        <el-container class="contentContriner">
            <el-aside width="200px" class="Aside">
                <Menu></Menu>
            </el-aside>

            <el-main class="Main">

                <!-- /home/xxxxxxx -->

                <router-view></router-view>



            </el-main>
        </el-container>
    </el-container>
</template>

<script>

    import Menu  from  '@/components/Menu.vue'


    export default {
        name: 'Home',
        components: {
            Menu
        }
    }
</script>

<style scoped>
    .container{
        height: 100%;
    }

    .header{
        background-color: rgb(85, 81, 81);
        line-height: 60px;
    }

    .contentContriner{
        height: calc(100% - 60px );
    }
    .Aside{
        background-color: rgb(145, 141, 141);
        height: 100%;
    }




</style>
